<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>外边距与内边距案例测试</title>
</head>

<body>
    <!-- 外边距: 单选框是一个盒子    男也是一个盒子   两个盒子的距离margin -->
    <input type="radio" style="margin: 20px;" />男

    <!-- 内边距: 一个盒子里, 内容到边框的距离padding -->
    <input type="text" placeholder="你好" style="padding: 20px;" />

</body>

</html>